/* ================================================================
Copyright (c) 2005-2007 Stu Nicholls.
Modification by HA BICH NGOC
=================================================================== */

*	{
    margin: 0;
    padding: 0;
}
html, body	{
    height: 100%;
}
body	{
    background: #fff;
    color: #393939;
    font-family: Arial;
    font-size: 12px;
    line-height: 100%;
}
#page-top-outer	{
    background: url(../images/shared/top_bg.jpg) top center repeat-x;
    border-bottom: 1px solid #7e7e7e;
    height: 92px;
}
#page-top	{
    margin: 0 auto;
    max-width: 1260px;
    min-width: 850px;
    position: relative;
}
#logo	{
    float: left;
    margin: 45px 0 0 15px;
}
#logo	a	{
    display: block;
}
#top-search	{
    display: inline;
    float: right;
    position: relative;
    margin: 46px 20px 0 0;
    z-index: 20;
}


.top-search-inp	{
    background: url(../images/shared/top_search_inp.gif) no-repeat;
    border: none;
    color: #053f08;
    font-size: 12px;
    height: 23px;
    padding: 4px 6px 0 10px;
    width: 164px;
}
#content-outer	{
    background: url(../images/shared/content_repeat.jpg) repeat-x;
}
#content	{
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0 auto 0 auto;
    max-width: 1260px;
    min-width: 780px;
    padding: 35px 0px 30px 0px;
}
#content-inner	{
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0 auto 0px auto;
    padding: 25px 0 30px 0;
}
#content-table	{
    font-size: 0px;
    line-height: 0px;
}
#content-table th.sized	{
    height: 15px;
    width: 15px;
    padding: 0;
    margin: 0;
    font-size: 0px;
    line-height: 0px;
}


#content-table-inner	{
    font-size: 12px;
    line-height: 12px;
    padding: 10px 0 20px 0;
}
#tbl-border-top	{
    background: url(../images/shared/border_bit.jpg) top repeat-x;
    line-height: 0;font-size: 0px;
    height: 15px;
}
#tbl-border-bottom	{
    background: url(../images/shared/border_bit.jpg) bottom repeat-x;
    line-height: 0;font-size: 0px;
    height: 15px;
}
#tbl-border-left	{
    background: url(../images/shared/border_bit.jpg) left repeat-y;
}
#tbl-border-right	{
    background: url(../images/shared/border_bit.jpg) right repeat-y;
}
#table-content	{
    line-height: 16px;
    margin: 0 10px 10px 10px;
    min-height: 300px;
}

.topleft {
    background: url(../images/shared/corner_top_left.jpg) no-repeat;
    width:15px;
    height:15px;

}
.topright {
    background: url(../images/shared/corner_top_right.jpg) no-repeat;
    width:15px;
    height:15px;

}

.bottomleft {
    background: url(../images/shared/corner_bottom_left.jpg)  no-repeat;
    width:15px;
    height:15px;

}
.bottomright {
    background: url(../images/shared/corner_bottom_right.jpg)  no-repeat;
    width:15px;
    height:15px;

}

#page-heading	{
    margin: 0 0 15px 20px;
}
h1	{
    color: #4b4b4b;
    font-family: Tahoma;
    font-size: 22px;
    line-height: 24px;
    font-weight: normal;
}
h2	{
    color: #393939;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
}
h3	{
    color: #92b22c;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 10px;
}

#tooltip	{
    background-color: #8c8c8c;
    border: 1px solid #767676;
    color: #fff;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    opacity: 0.85;
    padding: 0 5px;
    position: absolute;
    text-align: left;
    z-index: 3000;
}
#tooltip h6, #tooltip div	{
    font-family: Arial;
    font-size: 11px;
    line-height: 20px;
    margin: 0;
}
#view-table	{
    margin-bottom: 20px;
    margin-left: 20px;
}
#view-table	td a	{
    color: #393939;
}
#view-table	td a:hover	{
    text-decoration: underline;
}
#view-tableth	{
    height: 50px;
    text-align: center;
    margin-left: 50px
}
#view-table	.minwidth-1	{
    min-width: 110px;
}
#view-table td	{
    border: 1px solid #d2d2d2;
    padding: 10px 0 10px 10px;
}
#view-table tr.alternate-row	{
    background: #ececec;
}
td.options-width	{
    padding: 0 0 0 10px;
    width: 210px;
}
td.checkbox-width	{
}
.table-header-check	{
    background: url(../images/table/table_header_checkbox.jpg) no-repeat;
    border: none;
    min-width: 29px;
    padding: 0px 0 0 10px;
    width: 29px;
}
.table-header-options	{
    background: url(../images/table/table_header_options.jpg) no-repeat;
    border: none;
    min-width: 221px;
    padding: 0px 0 0 0;
    width: 221px;
}
.table-header-repeat	{
    background: url(../images/table/table_header_repeat.jpg) repeat-x;
    border: none;
    font-size: 0px;
    line-height: 0;
    padding: 0px 0 0 0;
}
.table-header-options a,
.table-header-repeat a	{
    background: url(../images/table/table_sort_arrow.gif) right no-repeat;
    color: #fff;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    margin: 0 0 0 10px;
    padding: 0 10px 0 0;
}

.table-header-options a:hover,
.table-header-repeat a:hover	{

    color:#94b52c
}

th.line-left	{
    border-left: 1px solid #373737;
}
#product-table	tr.activity-blue	{
    background: #e3eceb;
}

#toggle-all {
    display: block;
    width: 17px;
    height:17px;
    cursor: pointer;
    background: url(../images/shared/checkbox.gif) 0 -17px;
}

#toggle-all.toggle-checked {
    display: block;
    width: 17px;
    height:17px;
    background: url(../images/shared/checkbox.gif) 0 0;
}

/* FORM ------------------------------------------------------- */
.form-submit	{
    background: url(../images/forms/form_submit.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    margin: 0 4px 0 0;
    padding: 0;
    text-indent: -3000px;
    width: 80px;
}
.form-reset	{
    background: url(../images/forms/form_reset.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    margin: 0 4px 0 0;
    padding: 0;
    text-indent: -3000px;
    width: 80px;
}
#id-form	{
}
.inp-form	{
    background: url(../images/forms/form_inp.gif) no-repeat;
    border: none;
    color: #393939;
    height: 25px;

    padding: 6px 6px 0 6px;
    width: 186px;
}

.inp-form-error	{
    background: url(../images/forms/form_inp_error.gif) no-repeat;
    border: none;
    color: #393939;
    height: 25px;
    padding: 6px 6px 0 6px;
    width: 187px;
}
.form-textarea	{
    background: url(../images/forms/form_textarea.gif) no-repeat;
    border: none;
    color: #393939;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 97px;
    overflow: auto;
    padding: 6px 6px 0 6px;
    width: 378px;
}
#id-form td	{
    padding: 0 0 10px 0;
}
#id-form td.noheight	{
    padding: 0 0 0px 0;
}
#id-form th	{
    line-height: 28px;
    min-width: 130px;
    padding: 0 0 10px 0;
    text-align: left;
    width: 130px;
}
.thmain{
    line-height: 28px;
    min-width: 130px;
    padding: 5px 0 5px 0;
    text-align: center;
    width: 130px;
}
.tdmain{
    line-height: 28px;
    min-width: 130px;
    padding: 5px 0 5px 0;
    text-align: center;
    width: 130px;
}
.styledselect-day ,
.styledselect-month ,
.styledselect-year	{
    border: 1px solid #acacac;
    margin-right: 3px;
    padding: 3px;
    width: 64px;
}

.bubble-left {
    float:left;
    width:10px;
    height:29px;
    margin-left: 5px;
    background: url(../images/forms/bubble_left.gif) no-repeat;
}

.bubble-inner {
    float:left;
    padding: 7px 0px 0 2px;
    color:#2e74b2;
    line-height: 14px;
    font-size: 11px;
    height:22px;
    background: url(../images/forms/bubble_inner.gif) repeat-x;
}
.bubble-right {
    float:left;
    width:8px;
    height:29px;
    background: url(../images/forms/bubble_right.gif) right no-repeat;
}
.error-left {
    float:left;
    width:13px;
    height:32px;
    margin-left: 5px;
    background: url(../images/forms/error_left.gif) no-repeat;
}

.error-inner {
    float:left;
    padding: 7px 10px 0 4px;
    color:#fff;
    line-height: 14px;
    height:25px;
    background: url(../images/forms/error_right.gif) right  no-repeat;
}
.file_1 {
    border: 1px solid #acacac;
    padding: 5px;
}

/*  NAVIGATION ----------------------------------------------- */
#nav-holder	{
    margin: 0 auto;
    max-width: 1260px;
    min-width: 780px;
    text-align: left;
}
.nav-outer-repeat	{
    background: url(../images/shared/nav/repeat.jpg) repeat-x;
    height: 77px;
}
.nav-outer	{
    margin: 0 auto;
    max-width: 1260px;
    min-width: 850px;
}
#nav-right	{
    float: right;
    position: relative;
    width: 225px;
    z-index: 0;
}
#nav-right a	{
    display: block;
    float: left;
    margin: 0px 0 0 0;
}
.account-content	{
    background: #454545 url(../images/shared/nav/account_drop_bg.gif) no-repeat bottom;
    display: none;
    left: 5px;
    padding-bottom: 20px;
    position: absolute;
    top: 30px;
    width: 170px;
}
.account-drop-inner	{
    font-size: 0px;
    line-height: 0px;
    margin: 20px auto 0 auto;
    width: 140px;
}
.showhide-account	{
    cursor: pointer;
    display: block;
    float: left;
    margin: 10px 5px 0 5px;
}
.account-drop-inner a	{
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.account-drop-inner a:hover	{
    color: #94b52c;
}
.acc-line	{
    background: url(../images/shared/nav/account_line.gif) no-repeat 0 7px;
    font-size: 0px;
    height: 14px;
    line-height: 0px;
    margin-top: 0px;
    padding: 0;
}
a#logout	{
    margin: 10px 0 0 5px;
}

.nav	{
    float: left;
    font-family: Tahoma;
    font-size: 13px;
    height: 38px;
    position: Absolute;
    width: 800px;
    min-width: 600px;
    z-index: 500;
}
.nav-divider	{
    background: url(../images/shared/nav/divider.jpg) top no-repeat;
    float: left;
    height: 40px;
    width: 15px;
}
.nav .table	{
    display: table;
}
.nav .select,
.nav .current	{
    display: table-cell;
    float: left;
    list-style: none;
    margin: 0 0px 0 0;
    padding: 0;
    white-space: nowrap;
}
.nav li	{
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
}
.nav .select a	{
    background: url(../images/shared/nav/pro_line_0.gif);
    color: #fff;
    display: block;
    float: left;
    height: 37px;
    line-height: 35px;
    padding: 0 20px 0 20px;
    text-decoration: none;
    white-space: nowrap;
}
.nav .current a	{
    background: url(../images/shared/nav/pro_line_1.gif);
    color: #fff;
    display: block;
    float: left;
    height: 37px;
    line-height: 35px;
    padding: 0 0 0 10px;
    text-decoration: none;
    white-space: nowrap;
}
.nav .current a b	{
    background: url(../images/shared/nav/pro_line_1.gif) right top;
    display: block;
    padding: 0 20px 0 10px;
}
.nav .select a:hover,
.nav .select li:hover a	{
    background: url(../images/shared/nav/pro_line_1.gif);
    color: #fff;
    cursor: pointer;
    padding: 0 0 0 10px;
}
.nav .select a:hover b,
.nav .select li:hover a b	{
    background: url(../images/shared/nav/pro_line_1.gif) right top;
    cursor: pointer;
    display: block;
    float: left;
    padding: 0 20px 0 10px;
}
.nav .select_sub	{
    display: none;
    margin: 0 0 0 10px;
}

/* IE6 only */
.nav table	{
    border-collapse: collapse;
    font-size: 1em;
    height: 0;
    margin: -1px;
    width: 0;
}
.nav .sub	{
    display: table;
    list-style: none;
    /* margin: 0 auto; */
    padding: 0;
}
.nav .sub_active .current_sub a,
.nav .sub_active a:hover	{
    background: transparent;
    color: #fff;
}
.nav .select :hover .select_sub,
.nav .current .show	{
    background: url(../images/shared/nav/back_0.gif);

    display: block;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 37px;
    width: 750px;
    z-index: 100;
}
.nav .current .show	{
    z-index: 10;
}
.nav .select :hover .sub li a,
.nav .current .show .sub li a	{
    background: transparent;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px 0 10px;
    white-space: nowrap;
}
.nav .current .sub li.sub_show a	{
    background: url(../images/shared/nav/menus/back_1.gif);
    color: #94b52c;
    cursor: default;
}
.nav .select :hover .sub li a:hover,
.nav .current .sub li a:hover	{
    background: url(../images/shared/nav/menus/back_1.gif);
    color: #94b52c;
    visibility: visible;
}







/* FOOTER -------------------------------------------------------------- */


#footer	{
    height: 70px;

    margin: 80px auto 0px auto;
    padding: 0px 0 0 0;
    text-align: left;
    min-width: 780px;
    max-width: 1260px;
}
#footer-left	{
    color: #818181;

    font-size: 11px;
    line-height: 11px;
    padding: 15px 0 15px 25px;
    margin: 0 20px;

    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    background: url(../images/shared/icon_idlogo.jpg) no-repeat 0 12px;
}
#footer-left a	{
    color: #818181;
    text-decoration: none;
}
#footer-left 	 a.selected,
#footer-left 	 a:hover	{
    color: #000;
    text-decoration: none;
}




/* GENERAL --------------------------------------------------------*/
table	{
    border-collapse: collapse;
}
.fr	{
    float: right;
}
a	{
    outline: none;
    text-decoration: none;
    color:#0087C7;
}
a:hover	{
    color:#355306;
    font-weight:bold;
    font-style:italic;
}
.clear	{
    clear: both;
    font-size: 0px;
    height: 0;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
}
img	{
    border: 0;
}
p	{
    margin: 0px;
    padding: 0px;
}
form	{
    margin: 0;
    padding: 0;
}
.line	{
    border-top: 1px solid #dcdada;
    font-size: 0px;
    height: 1px;
    line-height: 0px;
    margin: 20px 0;
    padding: 0;
}
.font11	{
    font-size: 11px;
}

/*  STYLED SELECTBOXES style 1 --------------------------------- */

.styledselect {
    background: #2a2a2a;
    border: 1px solid #424242;
    color:#fff;
    width:120px;
    padding: 5px;
    line-height: 14px;
    margin-right: 6px;
    font-size: 12px;
}

div.selectbox-wrapper	{
    background-color: #2a2a2a;
    border: none;
    border-bottom: none;
    margin: 0px;
    margin-top: 0px;
    max-height: 200px;
    overflow: auto;
    padding: 0px;
    position: absolute;
    text-align: left;
    width: 400px;
    z-index: 10;
}
div.selectbox-wrapper ul	{
    list-style-type: none;

    margin: 0px;
    padding: 0px;z-index: 10;
}
div.selectbox-wrapper ul li.selected	{
    background-color: 575757;
    color: #fff;
}
div.selectbox-wrapper ul li.current	{
    background-color: #575757;
}
div.selectbox-wrapper ul li	{
    border-bottom: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 12px;
    list-style-type: none;
    margin: 0;
    padding: 6px 2px 6px 10px;
}
.selectbox_styled	{
    background: url(../images/shared/top_search_select.gif) left no-repeat;
    border: none;
    border-left: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 6px 0 0 6px;
    text-align: left;
    width: 105px;
    z-index: 10;
}

/*  STYLED SELECTBOXES style 2 --------------------------------- */
div.selectbox-wrapper2	{
    background-color: #e3e3e3;
    border: none;
    border-bottom: none;
    margin: 0px;
    margin-top: 0px;
    max-height: 200px;
    overflow: auto;
    padding: 0px;
    position: absolute;
    text-align: left;
    width: 400px;
}
div.selectbox-wrapper2 ul	{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
div.selectbox-wrapper2 ul li.selected2	{
    background-color: #94b52c;
    color: #fff;
}
div.selectbox-wrapper2 ul li.current2	{
    background-color: #94b52c;
    color: #fff;
}
div.selectbox-wrapper2 ul li	{
    border-bottom: none;
    color: #393939;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 12px;
    list-style-type: none;
    margin: 0;
    padding: 6px 2px 6px 10px;
}
.styledselect_form_1	{
    background: url(../images/forms/form_select.gif) left no-repeat;
    border: none;
    border-left: none;
    color: #393939;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    height: 24px;
    margin: 0px 0px 0px 0px;
    padding: 7px 0 0 6px;
    text-align: left;
    width: 192px;
}
.styledselect_form_2	{
    background: url(../images/forms/form_select_small.gif) left no-repeat;
    border: none;
    border-left: none;
    color: #393939;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    height: 24px;
    margin: 0px 0px 0px 0px;
    padding: 7px 0 0 10px;
    text-align: left;
    width: 60px;
}



/*  STYLED SELECTBOXES style 3 --------------------------------- */
div.selectbox-wrapper3	{
    background-color: #e3e3e3;
    border: none;
    border-bottom: none;
    margin: 0px;
    margin-top: 0px;
    max-height: 200px;
    overflow: auto;
    padding: 0px;
    position: absolute;
    text-align: left;
    width: 400px;
}
div.selectbox-wrapper3 ul	{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
div.selectbox-wrapper2 ul li.selected3	{
    background-color: #94b52c;
    color: #fff;
}
div.selectbox-wrapper2 ul li.current3	{
    background-color: #94b52c;
    color: #fff;
}
div.selectbox-wrapper3 ul li	{
    border-bottom: none;
    color: #393939;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 12px;
    list-style-type: none;
    margin: 0;
    padding: 6px 2px 6px 10px;
}
.styledselect_pages	{
    background: url(../images/table/select_number_rows.gif) left no-repeat;
    border: none;
    border-left: none;
    color: #393939;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    height: 20px;
    line-height: 16px;
    margin: 0px 0px 0px 0px;
    padding: 4px 0 0 6px;
    text-align: left;
    width: 130px;
}



/*  LOGIN -------------------------------------------------------------------------------- */

#login-bg	{
    background: url(../images/login/login_bg.jpg) no-repeat top center;
}
#login-holder	{
    margin: 0px auto 0 auto;
    width: 508px;
}
.login-th {
    color:#ffffff;
    font-size: 12px;
    padding: 6px 6px 10px 10px;
}
#loginbox	{
    background: url(../images/login/loginbox_bg.png) no-repeat;
    font-size: 12px;
    height: 212px;
    line-height: 12px;
    padding-top: 60px;
    position: relative;
    width: 508px;
}
#forgotbox	{
    background: url(../images/login/loginbox_bg.png) no-repeat;
    display: none;
    font-size: 12px;
    height: 212px;
    line-height: 12px;
    padding-top: 60px;
    position: relative;
    width: 508px;
}
#login-inner	{
    color: #161616;
    font-family: Tahoma;
    font-size: 13px;
    line-height: 12px;
    margin: 0 auto;
    width: 310px;
}
#login-inner label	{
    color: #161616;
    cursor: pointer;
    font-family: Tahoma;
    font-weight: bold;
    line-height: 12px;
    padding-left: 10px;

}
.checkbox-size	{
    width:13px;
    height:13px;
    margin: 5px 0;

}
#login-inner th	{
    padding: 0 0 6px 0;
    text-align: left;
    width: 95px;
}
#login-inner td	{
    padding: 0 0 6px 0;
}
.login-inp	{
    background: url(../images/login/inp_login.gif) no-repeat;
    border: none;
    color: #000000;
    font-size: 12px;
    height: 28px;
    padding: 6px 6px 0 10px;
    width: 204px;
}
#logo-login	{
    float: left;
    height: 35px;
    margin: 145px 0 0 15px;
}
a.forgot-pwd	{
    bottom: 30px;
    color: #161616;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    position: absolute;
    right: 40px;
}
a:hover.forgot-pwd	{
    color: #fff;
}
#forgotbox-text	{
    color: #161616;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    line-height: 12px;
    margin: 0 auto 40px auto;
    width: 380px;
}
#forgot-inner	{
    color: #161616;
    font-family: Tahoma;
    font-size: 13px;
    line-height: 12px;
    margin: 0 auto;
    width: 330px;
}
#forgot-inner label	{
    color: #161616;
    cursor: pointer;
    font-family: Tahoma;
    font-weight: bold;
    line-height: 12px;
    padding-left: 10px;
}
#forgot-inner th	{
    padding: 0 0 6px 0;
    text-align: left;
    width: 110px;
}
#forgot-inner td	{
    padding: 0 0 6px 0;
}
a.back-login	{
    background: url(../images/login/icon_back_login.gif) no-repeat 0 4px;
    bottom: 30px;
    color: #161616;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    padding: 0 0 0 10px;
    position: absolute;
    right: 40px;
}
a:hover.back-login	{
    color: #fff;
}
.submit-login	{
    background: url(../images/login/submit_login.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 29px;
    text-indent: -3000px;
    width: 73px;
}
.submit-login:hover	{
    background: url(../images/login/submit_login.gif) no-repeat 0 -29px;
}


/* New Nikki add*/
.styledselect_form_1	{
    background: url(../images/forms/form_select.gif);
    border: none;
    border-left: none;
    color: #393939;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    height: 31px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0 0 6px;
    text-align: left;
    width: 199px;
}
.form-add	{
    background: url(../images/forms/form_add.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 80px;
    cursor: pointer;
    margin: 0px 10px 0px 0px;
}
.auto-request	{
    background: url(../images/forms/auto_request.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 1200px;
    cursor: pointer;
    margin: 0px 10px 0px 0px;
}
.confirm-volunteer	{
    background: url(../images/forms/confirm_volunteer.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 200px;
    cursor: pointer;
    margin: 0px 10px 0px 0px;
}
.confirm-school	{
    background: url(../images/forms/confirm_school.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 170px;
    cursor: pointer;
    margin: 0px 10px 0px 0px;
}
.reject-volunteer	{
    background: url(../images/forms/reject_volunteer.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 200px;
    cursor: pointer;
    margin: 0px 10px 0px 0px;
}
.confirm-event	{
    background: url(../images/forms/confirm_event.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 140px;
    cursor: pointer;
    margin: 0px 10px 0px 0px;
}
.form-remove	{
    background: url(../images/forms/form_remove.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 80px;
    cursor: pointer;
    margin: 0px 10px 0px 0px;
}
.more-option	{
    background: url(../images/forms/more_option.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 80px;
    cursor: pointer;
    margin: 0px 10px 0px 0px;
}
.tabledetail tr td{
    border: 0px;
    font-size: 12px;
    padding: 10px 3px 3px 10px;
    text-align: left;

}
.tabledetailth{
    border: 0px;
    font-size: 13px;
    padding: 7px 3px 3px 10px;
    text-align: left;
}

.form-remove	{
    background: url(../images/forms/form_remove.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 80px;
    cursor: pointer;
    margin: 0px 10px 0px 0px;
}
.form-edit	{
    background: url(../images/forms/form_edit.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 80px;
    cursor: pointer;
    margin: 0px 10px 0px 0px;
}
.form-save	{
    background: url(../images/forms/form_save.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    margin: 0 4px 0 0;
    padding: 0;
    text-indent: -3000px;
    width: 80px;
}
.form-cancel	{
    background: url(../images/forms/form_cancel.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 80px;
    cursor: pointer;
    margin: 0px 10px 0px 0px;
    display: block;
}
.form-cancel	{
    background: url(../images/forms/form_cancel.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 80px;
    cursor: pointer;
    margin: 0px 10px 0px 0px;
    display: block;
}
.form-delete	{
    background: url(../images/forms/form_delete.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 80px;
    cursor: pointer;
    margin: 0px 10px 0px 0px;
    display:block;
}
.form-back	{
    background: url(../images/forms/form_back.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    margin: 0 4px 0 0;
    padding: 0;
    text-indent: -3000px;
    width: 80px;
}
.form-help	{
    background: url(../images/forms/question-icon.png) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    margin: 0 4px 0 0;
    padding: 0;
    text-indent: -3000px;
    width: 80px;
}
.pend-event	{
    background: url(../images/forms/pend_event.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 140px;
    cursor: pointer;
    align:center;
    margin: 0px 10px 0px 0px;
}

.tablemain tr td{
    border: 1px solid black;
    font-size: 12px;
    padding: 10px 3px 3px 10px;
    text-align: center;

}
.tableth{
    border: 1px solid black;
    font-size: 13px;
    background-color: #577202;
    color:#ffffff;
    padding: 7px 3px 3px 10px;
    text-align: center;
}
.form-generate	{
    background: url(../images/forms/form_generate.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 80px;
    cursor: pointer;
    margin: 0px 10px 0px 0px;
}
.form-submitsmall	{
    background: url(../images/forms/submit-small.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 23px;
    width:91px;
    margin: 0px 10px 0px 0px;

}
.form-request	{
    background: url(../images/forms/send_request.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 30px;
    width:103px;
}
.form-school	{
    background: url(../images/forms/school.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 23px;
    width:91px;
    margin: 0px 10px 0px 0px;

}.form-education	{
    background: url(../images/forms/education.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 23px;
    width:91px;
    margin: 0px 10px 0px 0px;

}.form-program	{
    background: url(../images/forms/program.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 23px;
    width:91px;
    margin: 0px 10px 0px 0px;

}
.form-event	{
    background: url(../images/forms/event.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 23px;
    width:91px;
    margin: 0px 10px 0px 0px;

}
.assign-trainer	{
    background: url(../images/forms/assign_trainer.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 30px;
    width:103px;
    margin: 0px 10px 0px 0px;
}
.add-volunteer	{
    background: url(../images/forms/add_volunteer.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 30px;
    width:103px;
    margin: 0px 10px 0px 0px;
}
.confirm-event	{
    background: url(../images/forms/confirm_event.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 30px;
    width:103px;
    margin: 0px 10px 0px 0px;
}
.get-trainer	{
    background: url(../images/forms/get_trainer.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 30px;
    width:103px;
    margin: 0px 10px 0px 0px;
}
.add-school	{
    background: url(../images/forms/add_school.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 26px;
    width:103px;
    margin: 0px 10px 0px 0px;
}
.add-contact	{
    background: url(../images/forms/add_contact.gif) no-repeat;
    border: none;
    cursor: pointer;
    height: 26px;
    width:103px;
    margin: 0px 10px 0px 0px;
    display: block;

}
label.error {
    padding-left: 30px;
    font-weight: bold;
    color:red;
    background:url(../images/forms/unchecked.gif)no-repeat 5px 0px;}
label.checked {
    background:url(../images/forms/checked.gif) no-repeat 5px 0px;
}
em {
  position: absolute;
  color: red;
  font-size: 12px;
}
.form-done	{
    background: url(../images/forms/form_done.gif) no-repeat;
    border: none;
    height: 21px;
    text-indent: -3000px;
    width: 75px;
    cursor: pointer;
    display: block;
    margin: 0px 10px 0px 0px;
}
.form-undo	{
    background: url(../images/forms/form_undo.gif) no-repeat;
    border: none;
    height: 21px;
    text-indent: -3000px;
    width: 75px;
    cursor: pointer;
    display: block;
    margin: 0px 10px 0px 0px;
}
.form-excel	{
    background: url(../images/forms/form_excel.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 100px;
    cursor: pointer;
    display: block;
    margin: 0px 10px 0px 0px;
}
.add-contact1	{
    background: url(../images/forms/add_contact_1.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 80px;
    cursor: pointer;
    display: block;
    margin: 0px 10px 0px 0px;
}
.form-finalize	{
    background: url(../images/forms/finalize_event.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 103px;
    cursor: pointer;
    display: block;
    margin: 0px 10px 0px 0px;
}
.add-admin	{
    background: url(../images/forms/add_admin.gif) no-repeat;
    border: none;
    height: 30px;
    text-indent: -3000px;
    width: 122px;
    cursor: pointer;
    display: block;
    margin: 0px 10px 0px 0px;
}
.form-go	{
    background: url(../images/forms/form_go.gif) no-repeat;
    border: none;
    height: 21px;
    text-indent: -3000px;
    width: 24px;
    cursor: pointer;
    display: block;
    margin: 0px 10px 0px 0px;
}
.form-assign	{
    background: url(../images/forms/form_assign.gif) no-repeat;
    border: none;
    height: 21px;
    text-indent: -3000px;
    width: 74px;
    cursor: pointer;
    display: block;
    margin: 0px 10px 0px 0px;
}
.school-report	{
    background: url(../images/forms/school_report.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 23px;
    width:100px;
    margin: 0px 10px 0px 0px;

}.course-report	{
    background: url(../images/forms/course_report.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 23px;
    width:100px;
    margin: 0px 10px 0px 0px;

}
.volunteer-report	{
    background: url(../images/forms/volunteer_report.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 23px;
    width:110px;
    margin: 0px 10px 0px 0px;

}
.tutorials	{
    background: url(../images/forms/tutorials.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 23px;
    width:110px;
    margin: 0px 10px 0px 0px;

}